<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/demo.css">
</head>

<body>

    <!-- 定义外部容器 -->
    <div class="container au">
        <!-- 第一块 -->
        <div class="first au">
            <div class="logo">logo</div>
            <div class="banner1">banner1</div>
            <div class="banner2">banner2</div>
        </div>

        <!-- 第二块 -->
        <div class="second au">
            菜单
        </div>
        <!-- 第三块 -->
        <div class="third au">
            <!-- 左边大块 -->
            <div class="third_left">
                <!-- 上 -->
                <div class="up">
                    <div class="up01">栏目一</div>
                    <div class="up02">栏目二</div>

                </div>
                <!-- 下 -->
                <div class="down">
                    <div class="down_item">栏目三</div>
                    <div class="down_item">栏目四</div>
                    <div class="down_item">栏目五</div>
                    <div class="down_item" style="margin-right: 0px;">栏目六</div>
                </div>

            </div>
            <!-- 右边小块 -->
            <div class="third_right">
                <div class="right_item " style="margin-top: 0px;">栏目7</div>
                <div class="right_item">栏目8</div>
                <div class="right_item">栏目9</div>
            </div>
        </div>



    </div>

</body>

</html>